/*
 * 重置css样式
 */

*{
	margin: 0;
	padding: 0;
}
a{
	text-decoration: none;
	margin: 0;
	padding: 0;
}
html,body{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}
ul{list-style:none;}


*{
	font-family: "微软雅黑";
}

@font-face {
  	font-family: "imooc-icon";
  	src:url("../lib/fonts/icomoon.eot");   /*IE9兼容模式*/
  	src:url("../lib/fonts/icomoon.eot?iefix") format("embedded-opentype"),
    url("../lib/fonts/icomoon.woff") format("woff"),
    url("../lib/fonts/icomoon.ttf") format("truetype"),
   	url("../lib/fonts/icomoon.svg") format("svg");
  	font-weight: normal;
  	font-style: normal;
}


/*
 * 发现头部
 */
.find_header{
	width: 100%;
	height: 44px;
	background-color: #fa4557;
	position: fixed;
	top: 0;
	z-index: 99999;
}
.find_top{
	line-height: 44px;
	text-align: center;
	color: #ffffff;
	font-size: 18px;
}

/*
 * 发现主体部分
 */

.find_section{
	width: 100%;
	overflow-y: auto;
	/*height: 1000px;*/
	background-color: #ebebeb;
}
.section_ban{
	padding: 10px;
	background-color: #ffffff;
	display: block;
	margin-top: 44px;
	margin: 54px 10px 10px 10px;
	border-radius: 5px;
}
.ban_banner{
	width: 100%;
	height: auto;
	position: relative;
}
.ban_banner_img{
	width: 100%;
	height: auto;
	border-radius: 3px;
}

.ban_banner_con{
	width: 100%;
	height: 25px;
	background-color: #8f6b70;
	opacity: 0.8;
	border-radius: 2px;
	position: absolute;
	bottom: 0;
}
.ban_banner_con_p{
	width: 100%;
	height: 25px;
	line-height: 25px;
	text-align: center;
	color: #ffffff;
	font-size: 16px;
}

.ban_tips{
	width: 100%;
	height: 65px;
	position: relative;
}
/*小编头像*/
.tips_left {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 10px;
  z-index: 9999;
}
.tips_left .left_portrait {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 44px;
  height: 44px;
  border-radius: 100%;
  overflow: hidden;
  border: 3px solid #d9d9d9;
}
.tips_left .left_portrait .portrait_img {
  max-height: 44px;
  max-width: 44px;
  vertical-align: middle;
}

.tips_us{
	float: left;
}

.tips_user{
	display: block;
	padding-left: 55px;
	padding-top: 13px;
	box-sizing: border-box;
	font-size: 16px;
	color: #333333;
}
.tips_time{
	display: block;
	padding-left: 55px;
	box-sizing: border-box;
	font-size: 14px;
	color: #999999;
}
.tips_praise{
	position: absolute;
	font-size: 14px;
	color:#f8384b;
	right: 30px;
	top: 20px;
}
.tips_praise_img{
	width: 20px;
	height: auto;
}
.tips_share{
	position: absolute;
	right: 0;
	top: 23px;
}
.tips_share_img{
	width: 18px;
	height: auto;
}
.ban_discussion{
	width: 100%;
	height: auto;
}
.ban_discussion_con{
	font-size: 14px;
	color: #ff9914;
}
.ban_peak{
	width: 100%;
	position: relative;
	padding: 5px 0 5px 0;
}
/*头像*/
.peak_le {
  width: 19px;
  height: 19px;
  position: absolute;
  top: 5px;
  z-index: 9999;
}
.peak_le .le_port {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 19px;
  height: 19px;
  border-radius: 100%;
  overflow: hidden;
  border: 2px solid #d9d9d9;
}
.peak_le .le_port .port_img {
  max-height: 19px;
  max-width: 19px;
  vertical-align: middle;
  text-align: center;
}
.peak_con{
	display: inline-block;
	box-sizing: border-box;
	padding-left: 30px;
	color: #b0b0b0;
	line-height: 25px;
}


.section_con{
	width: 100%;
	height: auto;
	border-top: 1px solid #d9d9d9;
	background-color: #FFFFFF;
	padding-bottom: 10px;
}
.con_publish{
	width: 100%;
	height: auto;
	position: relative;
	padding-top: 15px;
}
/*头像*/
.publish_le {
  width: 34px;
  height: 34px;
  position: absolute;
  top: 15px;
  left: 20px;
  z-index: 9999;
}
.publish_le_port {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 34px;
  height: 34px;
  border-radius: 100%;
  overflow: hidden;
  border: 2px solid #d9d9d9;
}
.publish_le_port_img {
  max-height: 34px;
  max-width: 34px;
  vertical-align: middle;
  text-align: center;
}

.publish_name{
	color: #333333;
	font-size: 14px;
	padding-left: 67px;
}
.publish_conent{
	color: #333333;
	font-size: 14px;
	padding-left: 67px;
	padding-right: 20px;
}

.con_map{
	padding: 0 20px;
	box-sizing: border-box;
	margin-top: 5px;
}
.map_im{
	width: 30%;
	height: auto;
	display: inline-block;
	text-align: center;
	
}
.im_img{
	width: 100%;
	height: auto;
	display: block;
}

.con_comment{
	width: 100%;
	height: auto;
	padding: 0 20px;
	box-sizing: border-box;
}
.comment_time{
	color: #a1a1a1;
	font-size: 14px;
	padding-top: 10px;
	box-sizing: border-box;
}
.comment_topic{
	padding-top: 5px;
	position: relative;
}
.topic_to{
	width: 24px;
	height: auto;
	border-radius: 100%;
	overflow: hidden;
	float: left;
}
.topic_to_img{
	width: 100%;
	height: auto;
}
.hdone{
	position: absolute;
	left:18px;
}
.hdtow{
	position: absolute;
	left:36px;
}
.topic_rev{
	display: block;
	float: left;
	padding-left: 40px;
	color: #999999;
}
.topic_into{
	color: #f9384b;
	margin-left: 5px;
	border-bottom: 1px solid #f9384b;
}
.comment_praise{
	position: absolute;
	font-size: 16px;
	color:#bbbbbb;
	right: 25px;
}
.comment_praise_img{
	width: 20px;
	height: auto;
}
.comment_share{
	position: absolute;
	right: 0;
	top: 8px;
}
.comment_share_img{
	width: 18px;
	height: auto;
}


.find_footer{
	width: 100%;
	height: auto;
	border-top: 1px solid #e0e0e0;
	position: fixed;
	bottom: 0;
	background-color: #ffffff;
	
  display: -webkit-box;
	z-index: 99999;
	-webkit-box-orient: horizontal;
}
.find_footer dl {
  -webkit-box-flex: 1;
  text-align: center;
  margin-top: 0.1rem;
}
.find_footer dl dt img {
  width: 1.2rem;
  height: 1.2rem;
  background: none;
}
.find_footer dl dd {
  color: #989898;
  font-size: 0.3rem;
}
.find_footer dl:hover dd {
  color: red;
}